<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>Web开发实战培训</title>
    <link type="text/css" rel="stylesheet" href="css/global.css">
</head>

<body>
    <div class="topbanner bgblack"></div>
    <div class="menu">
        <ul>
            <li><a href="#">首页</a> </li>
            <li><a href="content.html">内容页</a></li>
            <li><a href="register.html">注册页</a></li>
        </ul>
    </div>
    <div class="box1">
        <div class="box1left"><img src="./images/weixin.jpg" width="200" height="200" alt="图片" /> </div>
        <div class="box1right">
            <ul>
                <li><a href="#">1标题链接文字</a> </li>
                <li><a href="#">2标题链接文字</a></li>
                <li><a href="#">3标题链接文字链接文字</a></li>
                <li><a href="#">4标题链接文字</a></li>
                <li><a href="#">5标题链接文字链接文字</a></li>
                <li><a href="#">6标题链接文字</a></li>
                <li><a href="#">7标题链接文字</a></li>
                <li><a href="#">8标题链接文字</a></li>
                <li><a href="#">9标题链接文字链接文字</a></li>
                <li><a href="#">10标题链接文字</a></li>
                <li><a href="#">标题链接文字链接文字</a></li>
                <li><a href="#">标题链接文字</a></li>
                <li><a href="#">标题链接文字链接文字</a></li>
                <li><a href="#">标题链接文字</a></li>
            </ul>
        </div>
    </div>
    <div class="topbanner bgblack"></div>
    <div class="contentbox">
        <div class="contentbox-left">
            <div class="contentbox-leftimg">
                <img src="./images/weixin.jpg" width="60" height="60" alt="" />
            </div>
            <div class="contentbox-leftimg">
                <img src="./images/weixin.jpg" width="60" height="60" alt="" />
            </div>
            <div class="contentbox-righttxt">
                <h4><a href="#">这里是标题</a> </h4>
                <p>简介内容简介内容简介内容介内容简介内容简介内容介内容简介内容简介内容简介内容内容简介内容简介内容简介内容简介内容简介内容介内容简介内容简介内容介内容简介内容简介内容... [
                    <a href="#">
                        <site style="color:blue">详情</site>
                    </a>]
                </p>
            </div>
            <ul class="contentbox-ul">
                <li><a href="#"> 文章标题章标题 文章 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 文章标题 文章章标题 文章标题</a></li>
                <li><a href="#"> 文章标章标题 文章题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章章标题 文章标题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标章标题 文章题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 章标题 文章文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题章标题 文章 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题章标题 文章 文章标题 文章标题</a></li>
            </ul>
        </div>
        <div class="contentbox-right">
            <div class="contentbox-leftimg-big">
                <img src="./images/weixin.jpg" width="60" height="60" alt="" />

            </div>

            <div class="contentbox-righttxt-big">
                <h4><a href="#">这里是标题-big-big这里是标题</a> </h4>
                <p>简介内容简介内容简介内容介内容简介内容简介内容介内容简介内容简介内容简介内容内容简介内容简介内容简介内容简介内容简介内容介内容简介内容简介内容介内容简介内容简介内容... [
                    <a href="#">
                        <site style="color:blue">详情</site>
                    </a>]
                </p>
            </div>
            <ul class="contentbox-ul">
                <li><a href="#"> 文章标题章标题 文章 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 文章标题 文章章标题 文章标题</a></li>
                <li><a href="#"> 文章标章标题 文章题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章章标题 文章标题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标章标题 文章题 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题 章标题 文章文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题章标题 文章 文章标题 文章标题</a></li>
                <li><a href="#"> 文章标题章标题 文章 文章标题 文章标题</a></li>
            </ul>

        </div>
    </div>
    <div class="imglist">
        <ul>
            <li>
                <a href="#"> <img src="./images/weixin.jpg" width="145" height="145" alt="" /></a>
            </li>
            <li> <img src="./images/weixin.jpg" width="145" height="145" alt="" /></li>
            <li> <img src="./images/weixin.jpg" width="145" height="145" alt="" /></li>
            <li> <img src="./images/weixin.jpg" width="145" height="145" alt="" /></li>
            <li> <img src="./images/weixin.jpg" width="145" height="145" alt="" /></li>
            <li> <img src="./images/weixin.jpg" width="145" height="145" alt="" /></li>

        </ul>
    </div>
    <div class="bottom">
        <div class="bottom-top">☆极客晨星☆ Python Web开发实战培训</div>
        <div class="bottom-content">冀ICP 000000000号</div>
        <div class="bottom-bottom">2020.8 张家口</div>
    </div>
</body>

</html>